<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Title</title>

    <!--amazeui Css style-->
    <link rel="stylesheet" href="./css/amazeui.css"/>

    <!--reset Css style-->
    <link rel="stylesheet" href="./css/reset.css"/>
    <link rel="stylesheet" href="./css/home.css"/>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/video.css">
    <link rel="stylesheet" href="./css/voice-album.css">
    <link rel="stylesheet" href="./css/voice_album-details.css"/>

    <script src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/common.js"></script>
</head>
<body>
<header class="head clearfix">
    <img class="logo" src="image/logo.png" alt="">
    <div class="download-btn">
        <a href="">下载慧声</a>
    </div>
</header>
<div class="interval"></div>
<div class="content-box">
    <div class="content-wrap">
        <div class="title">视频</div>
        <ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-thumbnails">
            <li>
                <a href="video-play.html">
                    <div class="box">
                        <img class="am-thumbnail video-a-img" src="image/video.png" />
                        <img class="camera-img" src="image/camera.png" alt="">
                    </div>
                    <p class="title-one">大圆满前行</p>
                    <p class="intro-p">大圆满前行的简短介绍...</p>
                </a>
            </li>
            <li>
                <a href="video-play.html">
                    <div class="box">
                        <img class="am-thumbnail video-a-img" src="image/video.png" />
                        <img class="camera-img" src="image/camera.png" alt="">
                    </div>
                    <p class="title-one">大圆满前行</p>
                    <p class="intro-p">大圆满前行的简短介绍...</p>
                </a>
            </li>
            <li>
                <a href="video-play.html">
                    <div class="box">
                        <img class="am-thumbnail video-a-img" src="image/video.png" />
                        <img class="camera-img" src="image/camera.png" alt="">
                    </div>
                    <p class="title-one">大圆满前行</p>
                    <p class="intro-p">大圆满前行的简短介绍...</p>
                </a>
            </li>
            <li>
                <a href="video-play.html">
                    <div class="box">
                        <img class="am-thumbnail video-a-img" src="image/video.png" />
                        <img class="camera-img" src="image/camera.png" alt="">
                    </div>
                    <p class="title-one">大圆满前行</p>
                    <p class="intro-p">大圆满前行的简短介绍...</p>
                </a>
            </li>
            <li>
                <a href="video-play.html">
                    <div class="box">
                        <img class="am-thumbnail video-a-img" src="image/video.png" />
                        <img class="camera-img" src="image/camera.png" alt="">
                    </div>
                    <p class="title-one">大圆满前行</p>
                    <p class="intro-p">大圆满前行的简短介绍...</p>
                </a>
            </li>
            <li>
                <a href="video-play.html">
                    <div class="box">
                        <img class="am-thumbnail video-a-img" src="image/video.png" />
                        <img class="camera-img" src="image/camera.png" alt="">
                    </div>
                    <p class="title-one">大圆满前行</p>
                    <p class="intro-p">大圆满前行的简短介绍...</p>
                </a>
            </li>
        </ul>
    </div>
</div>

<!--公共Js-->
<script src="./js/amazeui.js"></script>
<script src="./js/amazeui.ie8polyfill.min.js"></script>
</body>
</html>